<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../jquery-3.3.1/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="../bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.css">
</head>
<style>
    #user {
        border-bottom: 1px solid #F4F6F7;
        padding-top: 10px;
        padding-bottom: 15px;
        margin-bottom: 13px;
    }

    #i {
        color: #2aabd2;
        border-bottom: 1px solid #F4F6F7;
        padding-bottom: 5px;
        margin-bottom: 20px;
    }
    #form .form-group input{
        width:75%;
        display: inline-block;
        height: 27px;

    }

    #i1 {
        color: #2aabd2;
        border-bottom: 1px solid #F4F6F7;
        padding-bottom: 5px;
        margin-bottom: 20px;
        margin-top: 15px;
    }
    #i2 {
        color: #2aabd2;
        border-bottom: 1px solid #F4F6F7;
        padding-bottom: 5px;
        margin-bottom: 20px;
        margin-top: 15px;
    }
    #form1 .form-group input{
        width:75%;
        display: inline-block;
        height: 27px;

    }
    #form .form-group i{
        background-color:#F2F3F4 ;
        border: 1px solid #D0D3D4 ;
        padding: 5px 6px 5px 6px;
        border-radius: 0px 3px 3px 0px;
    }
</style>
<body>
<div class="container">
    <div id="user">
        <span class="glyphicon glyphicon-user"></span>
        <c style="font-size: 15px">新增用户</c>
    </div>
    <div id="i">
        <i>基本信息</i>
    </div>
    <div id="form">
    <form action="">
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 form-group">
                <label class=" control-label" for="ji">归属机构:</label>
                <input  style="width:70% ; border-radius: 3px 0px 3px 0px;" type="text" id="ji" class="form-control"><i class="glyphicon glyphicon-search"></i>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 form-group">
                <label class=" control-label" for="ji">归属公司:</label>
                <input style="width:70%; border-radius: 3px 0px 3px 0px; " type="text" id="go" class="form-control"><i class="glyphicon glyphicon-search"></i>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 form-group">
                <label class=" control-label" for="na">登陆账号:</label>
                <input type="text" id="na" class="form-control">
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 form-group">
                <label class=" control-label" for="us">用户昵称:</label>
                <input type="text" id="us" class="form-control">
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 form-group">
                <label class=" control-label" for="e">电子邮箱:</label>
                <input style="width:70%; border-radius: 3px 0px 3px 0px; " type="text" id="e" class="form-control"><i class="glyphicon glyphicon-envelope"></i>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 form-group">
                <label class=" control-label" for="p">手机号码:</label>
                <input style="width:70%; border-radius: 3px 0px 3px 0px; " type="text" id="p" class="form-control"><i class="glyphicon glyphicon-phone"></i>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 form-group">
                <label class=" control-label" for="ba">办公电话:</label>
                <input style="width:70%; border-radius: 3px 0px 3px 0px; " type="text" id="ba" class="form-control"><i class="glyphicon glyphicon-volume-up"></i>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 form-group">
                <label class=" control-label" for="qu">权重(排序):</label>
                <input style="width: 73%" type="text" id="qu" class="form-control">
            </div>
        </div>
    </form>
    </div>

    <div id="i1">
        <i>详细信息</i>
    </div>
    <div id="form1">
        <form action="">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 form-group">
                    <label class=" control-label" for="ya">员工工号:</label>
                    <input type="text" id="ya" class="form-control">
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 form-group">
                    <label class=" control-label" for="yx">员工姓名:</label>
                    <input type="text" id="yx" class="form-control">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 form-group">
                    <label class=" control-label" for="s">所在岗位:</label>
                    <input  type="text" id="s" class="form-control">
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 form-group">
                    <label class=" control-label" for="y">&nbsp;&nbsp;&nbsp;&nbsp;英文名:</label>
                    <input  type="text" id="y" class="form-control">
                </div>
            </div>
            <div class="row">
                <div class="form-group">
                    <label class="col-sm-1" class=" control-label " for="b">备注信息:</label>
                    <div class="col-sm-11">
                        <textarea id="b" style="display: inline-block;width: 95%" class="form-control " rows="6"></textarea>
                    </div>


                </div>

            </div>
        </form>
    </div>
    <div id="i2">
        <i>角色分配</i>
    </div>
    <table class="table table-bordered table-striped table-hover">
        <tr>
            <td></td>
            <td><input type="checkbox" id="inlineCheckbox1" value="option1"> </td>
            <td>角色名称</td>
            <td>角色编码</td>
        </tr>
        <tr>
            <td>1</td>
            <td><input type="checkbox" id="inlineCheckbox2" value="option2"> </td>
            <td>零时角色</td>
            <td>corp01</td>
        </tr>
        <tr>
            <td>2</td>
            <td><input type="checkbox" id="inlineCheckbox3" value="option3"> </td>
            <td>部门经理</td>
            <td>dept</td>
        </tr>
        <tr>
            <td>3</td>
            <td><input type="checkbox" id="inlineCheckbox" value="option4"> </td>
            <td>普通员工</td>
            <td>user</td>
        </tr>
        <tr>

        </tr>
    </table>
    <br><br>
    <div class="text-center">
        <button class="btn btn-primary"><i class="glyphicon glyphicon-ok"></i>保存</button>
        <button class="btn btn-default"><i class="glyphicon glyphicon-remove"></i>退出</button>
<!--        <input type="button" class="btn btn-primary " value="保存">-->
<!--        <input type="button" class="btn btn-default" value="退出">-->
    </div>
</div>
</body>
</html>